/*
 * @Author: xiaoyan
 * @Date: 2021-11-25 17:54:30
 * @LastEditors: xiaoyan
 * @LastEditTime: 2022-01-28 16:22:39
 * @Description: 
 * @FilePath: \user_auth_front\src\pages\role\components\expandedRow.tsx
 */
import {EditOutlined,DeleteOutlined} from '@ant-design/icons';
import { Button,Table, Tooltip } from "antd";
//import dataList from "@/mocks/roles"
export default (prop:any)=>{
    const columns = [
        {
            title:"角色ID",
            dataIndex:"id",
            key:"id",
        },
        {
            title:"角色名称",
            dataIndex:"name",
            key:"name",
        },
        {
            title:"备注",
            dataIndex:"remarks",
            key:"remarks",
        },
        {
            title:"创建时间",
            dataIndex:"createTime",
            key:"createTime",
        },
        {
            title:"操作",
            key:"action",
            width:100,
            render:()=>(
                <>
                    <Tooltip placement="top" title="编辑">
                        <Button type="text" icon={<EditOutlined />}></Button>
                    </Tooltip>
                    <Tooltip placement="top" title="删除">
                        <Button type="text" icon={<DeleteOutlined />}></Button>
                    </Tooltip>
                </>
            ),

        },
    ];
    const rowSelection = {

    };

    return <Table rowKey="roleId" rowSelection={rowSelection} columns={columns}  dataSource={prop} pagination={false} />;
}